<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>简历平台</title>
    <style>
    .box {
        color: #333;
        font-family: Microsoft YaHei;
        font-size: 14px/22px;
        word-wrap: break-word;
        margin: 8px auto;
        width: 680px;
        height: auto;
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
        border: 1px solid #000 \9;
    }
    
    ul {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
    }
    
    ul:after {
        content: '';
        clear: both;
        height: 0;
        display: block;
    }
    
    li {
        width: 50%;
        padding-bottom: 10px;
        float: left;
    }
    
    h2 {
        color: #000;
        font-weight: 500;
    }
    
    a {
        text-decoration: none;
        color: #9b9b9b;
    }
    
    p {
        margin: 0;
    }
    
    img {
        width: 100px;
        height: 100px;
        border: 0;
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 50%;
    }
    
    .ico {
        width: 8px;
        height: 15px;
        background: #00A9E0;
        display: inline-block;
        margin-left: -15px;
    }
    
    .content {
        padding: 10px;
        margin: auto;
        background: #fff;
    }
    
    .inf {
        padding-left: 20px;
        position: relative;
    }
    
    .time {
        color: #999;
    }
    
    .specific {
        color: #777;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    </style>
</head>
<#import "./enums.ftl" as enums>
<body>
    <div class="box">
        <div class="content">
            <div class="inf">
                <h2><i class="ico"></i> 基本信息</h2>
                <p>${resume.seeker.name} | <@enums.sex resume.seeker.sex/> | ${resume.seeker.birthday} | ${resume.seeker.city} | ${resume.seeker.school} | ${resume.seeker.major} | <@enums.degree resume.seeker.degree/> | <@enums.workage resume.seeker.workage/></p>
                <p>${resume.seeker.phone} | ${resume.seeker.mail}</p>
                <img src="http://localhost:8080${contextPath}${resume.seeker.headpic}"/>
            </div>
            <div class="inf">
                <h2><i class="ico"></i> 期望工作</h2>
                <#list resume.disireLst as disire>
                	<p>${disire.position} | <@enums.jobType disire.type/> | <@enums.salary disire.salary/> | ${disire.city} | 预计到岗日期：${disire.intentDate}</p>
                </#list>
            </div>
            <div class="inf">
                <h2><i class="ico"></i> 教育背景</h2>
                <#list resume.educationLst as education>
                    <p class="time">${education.duration}</p>
                    <p>${education.school} | ${education.major} | <@enums.degree education.degree/></p>
                </#list>
            </div>
            <div class="inf">
                <h2><i class="ico"></i> 工作经历</h2>
                <#list resume.workExperienceLst as work>
                    <p class="time">${work.duration}</p>
                    <p>${work.position} | ${work.company}</p>
                    <div class="specific">${work.task}</div>
                </#list>
            </div>
            <div class="inf">
                <h2><i class="ico"></i> 项目经验</h2>
                <#list resume.projectExperienceLst as project>
                    <p class="time">${project.duration}</p>
                    <p>${project.position} | ${project.proName}</p>
                    <div class="specific">${project.proDesc}</div>
                </#list>
            </div>
            <div class="inf">
                <h2><i class="ico"></i> 自我描述</h2>
                <div class="specific">
                    <#list resume.selfDescLst as self>
                        <p>${self.content}</p>
                    </#list>
                </div>
            </div>
            <div class="inf">
                <h2><i class="ico"></i> 技能评价</h2>
                 <#list resume.skillLst>
                    <ul>
                        <#items as skill>
                            <li>${skill.name}， <@enums.level skill.level/></li>
                        </#items>
                    </ul>
                </#list>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</body>

</html>
